<div class="container">
  <div class="head">
    <div class="head_left"><div>筛选</div><nz-select nzPlaceHolder="岗位选择" [nzOptions]="listOfOption3" style="margin-top: 10px"></nz-select></div>
    <div class="head_right"><button nz-button nzType="primary" style="background-color: #fff;color:#000">导出</button></div>
  </div>
  <div class="cont">
    <nz-table #editRowTable nzBordered [nzData]="listOfData" nzTableLayout="fixed" [nzPageSize]="5" >
      <thead>
      <tr>
        <th nzWidth="5%" style="text-align: center">序号</th>
        <th nzWidth="10%" style="text-align: center">姓名</th>
        <th nzWidth="10%" style="text-align: center">性别</th>
        <th nzWidth="10%" style="text-align: center">应聘岗位</th>
        <th nzWidth="10%" style="text-align: center">电话</th>
        <th nzWidth="10%" style="text-align: center">邮箱</th>
        <th nzWidth="10%" style="text-align: center">学历</th>
        <th nzWidth="10%" style="text-align: center">毕业学校</th>
        <th nzWidth="10%" style="text-align: center">简历</th>
        <th nzWidth="15%" style="text-align: center">操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of editRowTable.data">
        <ng-container *ngIf="!editCache[data.id].edit; else editTemplate">
          <td style="text-align: center">{{ data.id }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center">{{ data.name }}</td>
          <td style="text-align: center"><a (click)="startEdit(data.id)">修改</a></td>
        </ng-container>
        <ng-template #editTemplate>
          <td><input type="text" nz-input [(ngModel)]="editCache[data.id].data.name" /></td>
          <td><input type="text" nz-input [(ngModel)]="editCache[data.id].data.age" /></td>
          <td><input type="text" nz-input [(ngModel)]="editCache[data.id].data.address" /></td>
          <td>
            <a (click)="saveEdit(data.id)" class="save">Save</a>
            <a nz-popconfirm nzTitle="Sure to cancel?" (nzOnConfirm)="cancelEdit(data.id)">Cancel</a>
          </td>
        </ng-template>
      </tr>
      </tbody>
    </nz-table>
  </div>
</div>
